﻿body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,tfoot,thead,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{ margin: 0; padding: 0; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }
table{ border-spacing: 0; border-collapse: collapse; }
fieldset,img{ vertical-align: top; border: 0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-weight: normal; font-style: normal; }
ol,ul{ list-style: none; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }
abbr,acronym{ border: 0; }
a{ cursor: pointer; text-decoration: none; color: #595959; }
/* wp */
.wp{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
/* display */
.hide{ display: none; }
/* textarea */
textarea{ overflow-y: auto; resize: vertical; outline: 0 none; }
/* clear */
.clearfix:before,.clearfix:after{ display: table; content: ''; }
.clearfix:after{ clear: both; }
.clear{ font-size: 0; clear: both; overflow: hidden; height: 0; }


body{ font: 12px/1.5 'simsun', 'simsun', 'simsun', 'simsun'; }
.useWrap{ overflow-x: hidden; width: 100%; margin: 0 auto; }

/* 预览 */
.useTitle span,.useItemLeft b,.addStepBox .addStep{background-image: url(../images/icon.png);background-repeat: no-repeat;}

/* 使用步骤 */
.useTitle{margin-top: 5px;overflow: hidden;}
.useTitle h2{ font-size: 12px; line-height: 35px; margin-left: 13px; color: #4e4e50; float:left;}
.useTitle span{background-position: 14px -52px; padding-left: 35px; float:right;display: block;width:45px;line-height: 30px;background-color: #3b83e1;color:#fff;border-radius: 3px;margin-right: 30px;}
.useTitle span:hover{background-color: #326db9;}
.useStepItem{ margin: 0 30px 0 13px; }
.useStepItem .useStepItemLi{ height: 190px; margin-bottom: 15px; background-color: #f4f4f4; }
.useItemLeft{ float: left; width: 90px;margin:10px 0; text-align: center; border-right:solid 1px #e5e5e5; }
.useItemLeft b{ font-size: 12px; line-height: 50px; display: block; color: #fff; background-position: 0 7px; position: relative;left:-14px;width:76px;}
.useItemLeft .itemDel{ font-style: normal; display: block; width: 32px; margin: 45px auto 0 auto; padding: 50px 0 5px 0; background-image: url(../Images/btn.png); background-repeat: no-repeat; background-position: 4px -247px; }
.useItemLeft .itemDel:hover{ cursor: pointer; color: #3c8cfb; background-position: 4px -186px; }
.useItemLeft .itemDel.dis{ cursor: default; color: #c8cace; background-position: 4px -247px; }
.useItemRight{ float: left; width: 85%; height: 190px; margin-left: 14px; }
.useItemRight textarea{ width: 75%; height: 43px; margin: 12px 0 6px 0;padding: 10px; resize: none; color: #797979; border: solid 1px #c1c1c1; *margin-left: -13px; }
.uploadBox{ overflow: hidden;  }
.uploadBox ul{ float: left;margin-top: 0px; }
.uploadBox .itemPicBox li{ /* display:table-cell; font-size:55px; *font-size:62px;vertical-align:middle;*/ position: relative; float:left; height: 94px; margin-right: 10px; border:dashed 1px #bdc2d2;width:96px;text-align: center;}
.uploadBox .itemPicBox li img{/*vertical-align:middle;*/ width: 94px; height: 94px; }
.uploadBox .itemPicBox li .itemPicDel{ position: absolute; top: -5px; right: -5px; display: block; display: block; width: 22px; height: 22px; text-indent: -999999px; background-image: url(../Images/btn.png); background-repeat: no-repeat; background-position: -177px -147px; }
.uploadBox .itemPicBox li .itemPicDel:hover{ cursor: pointer; background-position: -177px -197px; }
.uploadBox .addPic{font-size:12px; display: block; float: left; width: 96px; height: 23px; padding-top: 71px; text-align: center; background-color: #bdc2d2; background-image: url(../Images/btn.png); background-repeat: no-repeat; background-position: -60px -127px; }
.uploadBox .addPic:hover{ cursor: pointer; color: #3c8cfb; background-position: -60px -199px; }
.uploadBox .addPic.disabled{display: none;}
.uploadBox p{ line-height: 18px; float: right; width: 290px; padding: 0px 20px 0 0; color: #000; }

/* 添加步骤 */
.addStepBox .addStep{background-position: 120px -91px; line-height: 40px; display: block; width: 166px; height: 40px; margin: 10px 0 10px 115px ; color: #fff;background-color: #3b83e1; font-size: 12px; padding-left:150px;}
.addStepBox .addStep:hover{ cursor: pointer; background-color: #326db9;}

/* 功能说明 */
.scriptInfo{ width: 100%; padding-bottom: 13px; border-top: solid 1px #e3e3e3; }
.scriptInfo h6{ font-size: 12px; line-height: 38px; margin-left: 13px; color: #4e4e50; }
.scriptInfo textarea{ width: 92%; height: 53px; margin: 0 30px 0 13px; padding: 5px 10px; color: #797979; border: solid 1px #c1c1c1; }
